<template>
	<el-row class="tac">
		<el-col :span="4">
			<el-menu default-active="2" class="el-menu-vertical-demo" @select="handleMenuSelect">
				<el-menu-item index="1">
					<el-icon><Tickets /></el-icon>
					<span>征求意见</span>
				</el-menu-item>
				<el-menu-item index="2">
					<el-icon><Tickets /></el-icon>
					<span>标准立项批文</span>
				</el-menu-item>
				<el-menu-item index="3">
					<el-icon><Tickets /></el-icon>
					<span>复审结论</span>
				</el-menu-item>
				<el-menu-item index="4">
					<el-icon><Tickets /></el-icon>
					<span>标准批准文件</span>
				</el-menu-item>
				<el-menu-item index="5">
					<el-icon><Tickets /></el-icon>
					<span>专家信息</span>
				</el-menu-item>
				<el-menu-item index="6">
					<el-icon><Tickets /></el-icon>
					<span>前瞻性项目立项文件</span>
				</el-menu-item>
				<el-menu-item index="7">
					<el-icon><Tickets /></el-icon>
					<span>科研成果发布</span>
				</el-menu-item>
			</el-menu>
		</el-col>
		<el-col :span="19" style="margin-left: 20px">
			<Yijian v-if="checkindex == '1'" />
			<Lixiang v-if="checkindex == '2'" />
			<Fushen v-if="checkindex == '3'" />
			<Pizhun v-if="checkindex == '4'" />
			<Qianzhan v-if="checkindex == '6'" />
			<Zhuanjia v-if="checkindex == '5'" />
			<Keyan v-if="checkindex == '7'" />
		</el-col>
	</el-row>
</template>
<script setup lang="ts">
import { ref } from 'vue'
import { min } from 'xe-utils'
import addzhengce from './components/zhengceadd.vue'
import Yijian from './common/yijian.vue'
import Lixiang from './common/lixiang.vue'
import Fushen from './common/fushen.vue'
import Pizhun from './common/pizhun.vue'
import Qianzhan from './common/qianzhan.vue'
import Keyan from './common/keyan.vue'
import Zhuanjia from './common/zhuanjia.vue'
const queryParams = ref({ keywords: '', dept_id: '', job_status: '', min: '', max: '', startTime: '', endTime: '', zy: '' })
const queryForm = ref()
const datatimelist = ref([])
const loading = ref(false)
const addzhengcevisible = ref(false)
const list = ref([
	{ name: 'aaa', sex: 1 },
	{ name: 'ccc', sex: 1 }
])
const zylist = [
	{ name: '1', value: 0 },
	{ name: '2', value: 1 },
	{ name: '3', value: 2 }
]
const bianzhilist = [
	{ name: '送审', value: 0 },
	{ name: '报批', value: 1 },
	{ name: '发布', value: 2 }
]
const jdstatuslist = [
	{ name: '正常', value: 0 },
	{ name: '滞销', value: 1 },
	{ name: '撤销', value: 2 },
	{ name: '归档', value: 3 }
]

const jobstatusoptions = [
	{ name: '全部', value: 0 },
	{ name: '在职', value: 1 },
	{ name: '离职', value: 2 }
]

const handleSearch = () => {
	console.log('搜索参数:', queryParams.value)
	// const { dateRange, ...searchParams } = searchFormState.value
	// const [startTime, endTime] = Array.isArray(dateRange) ? dateRange : [null, null]

	// // 搜索参数赋值
	// Object.assign(searchState, { ...searchParams, startTime, endTime })
	// searchData()
}

const checkindex = ref('1')
const handleMenuSelect = (item: string) => {
	console.log('menu item: ', item)
	checkindex.value = item
}
const handleReset = () => {
	//addCacheLog('🔄 重置搜索')
	// // 重置搜索表单状态
	// searchFormState.value = { ...defaultFilter.value }
	// resetSearch()
}
</script>

<style lang="scss" scoped>
.tac {
	height: calc(100vh - 112px);
}

.el-menu-vertical-demo {
	height: 100%;
}
</style>
